<template>
	<view class=".meal-rules-container bg-white e-m-b-20 e-p-30" v-if="verifyRule">
		<view class="fw-600 c-333 e-font-32 e-m-b-28">
			{{$t('nearby.使用规则')}}
		</view>
		<view class="c-secondary e-font-28 e-m-b-10">
			{{$t('nearby.有效期')}}
		</view>
		<view class="c-333 e-font-28 e-m-b-38">
			{{verifyRule.validTime}}
		</view>
		<view class="c-secondary e-font-28 e-m-b-10">
			{{$t('nearby.使用时间')}}
		</view>
		<view class="c-333 e-font-28 e-m-b-38">
			{{verifyRule.usedTime}}
		</view>
		<view class="c-secondary e-font-28 e-m-b-10">
			{{$t('nearby.使用规则')}}
		</view>
		<view class="c-333 e-font-28 e-m-b-10" v-for="item in verifyRule.content" :key="item.id">
			{{item.content}}
		</view>
	</view>
</template>

<script>
	export default {
		// #ifdef MP-WEIXIN
		// 将自定义节点设置成虚拟的，更加接近Vue组件的表现
		options: {
			virtualHost: true
		},
		// #endif
		props: {
			verifyRule:Object
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.meal-rules-container {
		border-radius: 20rpx;
	}
</style>